<template>
  <div class="wrapbox">
    <myheader>
      <template #header>
        <van-nav-bar
          title="绑定手机"
          left-arrow
          @click-left="onClickLeft"
          @click-right="onClickRight"
        />
      </template>
    </myheader>
    <banner class="banner">
      <template #banner>
        <div>
          为确保您的账户安全及正常使用,依(网络安全法)的相关要求,请您进行手机绑定
        </div>
      </template>
    </banner>
    <loginform></loginform>
  </div>
</template>

<script>
import myheader from "./myheader";
import banner from "./banner";
import loginform from "./form";
import { Toast } from 'vant';
export default {
  components: { myheader, banner, loginform },
  methods: {
    onClickLeft() {
      Toast('返回');
    },
    onClickRight() {
      Toast('按钮');
    },
  },
};
</script>

<style scoped lang="less">
.wrapbox {
  width: 100vw;
  height: 100vh;
}
.banner {
  padding: 0.4rem;
  color: black;
  font-weight: 600;
  font-size: 0.33rem;
  p {
    color: gray;
    font-size: 13px;
  }
}
</style>